/* 用户登录模块 */

    #left #login{

        /* 添加背景图片(会出现垂直重复) */
        background-image: url(../images/login.jpg);

        /* 通过repeat：no-repeat的语句去重图片 */
        background-repeat: no-repeat;

        /* 用户登入的图片高度为50像素，为了不和表单内容重叠，将操作焦点聚于图片之后 */
        padding-top: 50px;

        /* 表单内容参考内部边框的左边距(距离) */
        padding-left: 24px;
        
    }

    /* 文本框的样式 */

    #left #login ul form li input.textStyle{

        /* 取消文本框的边框样式 */
        border-style: none;

        /* 添加文本框的底部边框样式 - 实线 */
        border-bottom-style: solid;

        /* 实线粗细度 1 个像素点 */
        border-bottom-width: 1px;

        /* 设置文本框宽度 */
        width: 100px;

    }

    /* 按钮的样式 (养成好习惯，精确作用域) */
    /* 如果没有写#left #login ... 等一系列精确，则会导致其它模块引用 btnStyle 互相影响 */

    #left #login ul form li input.btnStyle{

        /* button border type => solid  => 1px => black  */
        /* 按钮边框样式 => 实线 => 1像素 => 黑色 */
        border-style: solid 1px #000;

        /* 按钮宽度 */
        width: 40px;

        /* 按钮控件给左边腾出2px空间 */
        margin-left: 2px;
    }

    /* 忘记密码的样式 */

    #left #login ul form li a {

        /* 去掉下划线(此处虽无意义，增加印象) */
        text-decoration: none;
        
        /* 字体颜色：黑色 */
        color: #000;

    }

    /* 用户登录，表单空间之间的距离 */
    #left #login ul form li {

        /* 所包含的控件距离顶部的距离——腾出4个像素的空间 */
        margin-top: 4px;

    }

/* 鲜花分类模块 */

    #left #category {

        /* 插入“鲜花分类”图片 */
        /* 原始图片默认属性：repeat，背景图片在垂直方向和水平方向上重复 */
        background-image: url(../images/category.jpg);

        /* 去除图片与垂直和水平上重复 */
        background-repeat: no-repeat;

        /* 背景图片 高为50px，同时设置与div左边框(24px)和底边框(5px)的距离 */
        padding: 50px 24px 5px;

    }

    #left #category h3{
        /* 设置标签的背景颜色为粉红色 */
        background-color: #ffd8d9;
        /* 设置便签和层边的顶部间隔(10px)距离 */
        margin-top: 10px;

    }

    /* 设置鲜花分类静态行样式 */
    #left #category li{

        /* 设置无序列表项的底部边框：线型-dashed(虚线)，粗细-1px，颜色-灰色 */
        border-bottom: dashed 1px #666;

        /* 设置行间距(行高)为33px */
        line-height: 25px;

        /* 设置背景小图标 icon1.gif */
        background-image: url(../images/icon1.gif);

        /* 去除图片与垂直和水平之间的重复 */
        background-repeat: no-repeat;

        /* 设置 icon.gif 小图标在行之间的位置  */
        background-position: 0px 15px;

        /* 设置文字位于行左边距的距离 */
        padding-left: 14px;

    }

    /* 超链的静态样式 */
    #left #category li a {

        /* 去除超链接的下划线(此处无意义，纯粹加深印象) */
        text-decoration: none;;
        
        /* 超链接文本颜色为 黑色 */
        color: #000;

    }

    /* 鼠标悬停的时间 */
    #left #category li a:hover{
        
        /* 文字颜色为 深红色 */
        color: #cc0033;

        /* 添加超链接下划线 */
        text-decoration: underline;

    }